<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
    </head>
	<style>
	/* ---- TREEVIEW ---- */
	.m-treeview-frame li {
	  margin: 0px;
	  padding: 0px;
	  list-style: none;
	  -webkit-user-select:none;
	  -moz-user-select:none;
	}
	.m-treeview-frame ul {
	  margin: 0px;
	  padding: 0px;
	  margin-left: 0.8em;
	  list-style: none;
	  display: table;
	}
	.m-treeview li span {
		
	}
	.m-treeview li {
	  list-style-image: url('img/treeview-item.gif');
	}
	.m-treeview li.m-selected {
	}
	.m-treeview li.m-collapsed {
	  list-style-image: url('img/treeview-collapsed.gif');
	}
	.m-treeview li.m-expanded {
	  list-style-image: url('img/treeview-expanded.gif');
	}
	
	
	.m-treeview-frame li {
	}
	.m-treeview-frame ul {
	}
	.m-treeview li span {
	  cursor: pointer;
	}
	.m-treeview li {
	  cursor: pointer;
	  list-style-image: url('img/treeview-item.gif');
	}
	.m-treeview li.m-selected {
	  background: #F7FEFF;
	  color: #06c;
	}
	.m-treeview li.m-collapsed {
	  list-style-image: url('img/treeview-collapsed.gif');
	}
	.m-treeview li.m-expanded {
	  list-style-image: url('img/treeview-expanded.gif');
	}
/* ---- TREEVIEW ---- */
	
	
	</style>
    <body>
        <div id="treeview-1" style="margin-left: 2em">
            <div class="m-treeview-frame">
                <ul node-type="folder" class="m-treeview">
                    <!--li action-type="item" action-data="type=folder" class="m-collapsed">
                        <span>ana.example.org</span>
                    </li>
					<ul node-type="folder" style="display: none; ">
                        <li action-type="item" action-data="type=folder" class="m-collapsed">
                            <span>Databases</span>
                        </li>
						<ul node-type="folder" style="display: none; ">
                            <li action-type="item" action-data="type=file">
                                <span>asimov</span>
                            </li>
                            <li action-type="item" action-data="type=folder" class="m-collapsed">
                                <span>aeris</span>
                            </li>
							<ul style="display: none; ">
                                <li action-type="item" action-data="type=file">
                                    <span>sql prompt</span>
                                </li>
                                <li action-type="item" action-data="type=file">
                                    <span>visual management</span>
                                </li>
                            </ul>
                        </ul>
                    </ul>
                    <li action-type="item" action-data="type=folder" class="m-collapsed">
                        <span>joe.example.org</span>
                    </li>
					<ul node-type="folder" style="display: none; ">
                        <li action-type="item" action-data="type=folder" class="m-collapsed">
                            <span>HTTP Servers</span>
                        </li>
						<ul node-type="folder" style="display: none; ">
                            <li action-type="item" action-data="type=file">
                                <span>eric</span>
                            </li>
                            <li action-type="item" action-data="type=folder" class="m-collapsed">
                                <span>maria (ajax treeview)</span>
                            </li>
                            <li action-type="item" action-data="type=file">
                                <span>ricky</span>
                            </li>
                        </ul>
                    </ul-->
                </ul>
            </div>
        </div>
		<script src="http://127.0.0.1/core/js/gaea.js" type="text/javascript"></script>
		<script src="http://127.0.0.1/app/js/tree.js" type="text/javascript"></script>
		<script type="text/javascript">
              var $ = STK;
			  $.app.mod.tree($.E('treeview-1'),{});
		</script>
    </body>
</html>
